<template>
	<view>
		<view class="topbg"></view>
		<view class="top45">
			<view class="swiperli">
				<view class="spimg">
					<view class="swiper">
						<view class="swiper-wrapper">
							<swiper  autoplay="true"  duration="500" >
								<block v-for="item in banner"   >
									<swiper-item>
										<image :src="item.pic"  mode="widthFix" ></image>
									</swiper-item>
								</block>
							</swiper>
						</view>
					</view>
				</view>
			</view>
			<view class="navlist">
		         <view class="innav" @click="scanqrcode">
					<image src="https://ayh.wissun.net/static/ayh/aa3.png?1" />
					<view>活动扫码</view>
				 </view>
				 <view class="innav" @click="jifenshop">
					<image src="https://ayh.wissun.net/static/ayh/aa6.png?1" />
					<view>明一商城</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				banner:[
					{pic:"https://ayh.wissun.net/static/upload/wechat/cce84ec95c6ef407/df03cb49c241acf2.jpg"}
				]
			}
		},
		onLoad() {
			 // this.request('/', {},"get").then(res =>{
				//  console.log(res)
			 // })
		},
		methods: {
			scanqrcode:function(r){
				uni.switchTab({
					url: '/pages/index/saoysao',
				})
		   },
		    jifenshop(){
			   uni.navigateTo({
				   url: '/pages/naipin/index',
			   })
		  },
		}
	}
</script>

<style>
	.topbg{
		height: 310px;
	    width: 100%;
	    background: url("https://ayh.wissun.net/static/ayh/750.png?1");
	    background-size: 100% 100%;
	}
	page{
	    /* background: url("https://ayh.wissun.net/static/ayh/34-3.png");
	    background-size: cover; #1652aa */ 
	    background-color: #fff;
	}
	.logopic{
	    width: 59px;
	    position: fixed;
	    height: 50px;
	    position: absolute;
	    top: 20px;
	    right: 20px;
	}
	.logopic image{
	    width: 100%;
	    height: 100%;
	}
	.f14{
	    font-size: 14px;
	}
	.headimg{
		height: 61.45px;
		width: 61.45px;
	    border-radius: 50%;
	    margin: 13px 0px 0px 17px;
	    border: 3px solid #FFFFFF;
	    border-radius: 50%;
	}
	.headimg image{width: 100%;height: 100%;border-radius: 50%;
	    border-radius: 2px solid #fff;
	}
	.nickv{
		height: 60.45px;
		color: #007A80;
		display: flex;
		flex-direction: column;
		padding-left: 10px;
		margin-top: 10px;
		font-weight: bold;
		width: calc(100% - 192px);
	}
	swiper{height: 345rpx;}
	.swiper-wrapper image{
	    height: 100%;
		width: 100%;
		border-radius: 17px;
	}
	.nologin{
	    padding: 35px;
	}
	.nologin button{
	    text-align: left;
	    padding-left: 0px;
	    margin-left: 0px;
	    color: #4CAF50;
	    width: 100px;
	    height: 44px;
	    line-height: 29px;
	    font-size: 18px;
	    font-weight: bold;
	    letter-spacing: 4px;
	    font-weight: 500;
	}
	button[type=primary] {
	   background-color: transparent !important;
	}
	button:not([size='mini']) {
	    width: 100% !important;
	    background-color: transparent !important;
	 }
	.top45{ position: relative;top: -108px;}
	.stroke {
		/* text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; */
		-webkit-text-stroke: 0.4px #dedede;
		text-stroke:0.4px #dedede;
		font-weight: bold;
	    color: #007A80;
	    padding-top: 5px;
	}
	.userinfo{
		display: flex;
		flex-direction: row;
		padding-top: 0px;
	}
	.f12{font-size: 12px;}
	.nickname{font-size: 20px;font-weight: bold;padding-top: 11px;color: #fff;}
	.integrl{color: #fff;}
	.qdao{
	    padding-left: 30px;
	    width: 27px;
	    height: 27px;
	    margin: 0 auto;
	    text-align: center;
	    color: #fff;
	    font-size: 12px;
	    margin-top: 20px;
	}
	.qdao image{width: 100%;height: 100%;}
	.swiperli{
		width: calc(100% - 34px);
		margin: 0 auto;
		height: auto;
		position: relative;
	}
	.spimg{
		width: 100%;
		height: 100%;
	}
	.spimg img{
		width: 100%;
		height: 100%;
	}
	.btitle{
		margin-left: 17px;
		height: 3px;
		line-height: 35px;
		font-weight:900;
		font-size: 18px;
		position: relative;
		display: flex;
		margin-top: 10px;
	    margin-bottom: 10px;
	    color: #000;
	}
	
	.ctitle{
		margin-left: 17px;
		height: 35px;
		line-height: 35px;
		font-weight:900;
		font-size: 18px;
		position: relative;
	    display: flex;
	    clear: both;
	    color: #000;
	    padding-top: 20px;
	}
	
	.navlist{
	    background-size: 100% 100%;
	    background: #fff;
		width: calc(100% - 34px);
		font-size: 14px;
		margin: 0 auto;
	    top: 10px;
	    position: relative;
	    z-index: 99999999999;
	    height: 280px;
	}
	.innav{
	    float: left;
	    width: 25%;
	    margin: 0 auto;
	    text-align: center;
	    display: flex;
	    flex-direction: column;
	    padding-top: 10px;
	    color: #000;
	}
	.innav image{width: 68px;text-align: center;margin: 0 auto;height: 68px;}
	.innav view{padding: 10px 0px;}
	.shad{
		width: calc(100% - 34px);
		margin: 0 auto;
	    height: 76px;
	    padding-top: 20px;
	}
	.shad image{
		width: calc(25% - 4px);
		margin: 10px 2px;
		height: 52px;
	}
	.artlist2{
		width: calc(100% - 34px);
		margin: 0 auto;
	}
	.artlist{
		width: calc(100% - 38px);
		margin:0 auto;
		height: 22px;
		font-size: 18px;
		font-family: SourceHanSansSC;
		font-weight: 500;
		color: #000000;
		line-height: 22px;
		opacity: 0.9;
	}
	.liart{
		display: flex;
		height: 112px;
		background: linear-gradient(to bottom,rgba(110, 193, 198, 0.79),#fff);
	    border-radius: 19px;
	    margin-bottom: 20px;
	}
	.cancelbtnqc{
	    text-align: center;
	    width: 60px;
	    margin-top: 10px;
	}
	.liart .title{
		width: calc(100% - 123px);
		font-size: 16px;
		padding: 0px 10px;
		padding-top: 27px;
	    padding-right: 0px;
	    line-height: 24px;
	}
	.imsh{
		width: 123px;
		height: 82px;
		margin-top: 12px;
		margin-right: 10px;
	}
	.imsh image{
	    width: 90%;
	    height: 90%;
	    margin: 0 auto;
	    padding: 10px 0px;
	    border-radius: 16px;
	}
	.ttbnb{
	    width: 100px;
	    font-size: 12px;
	    padding: 0px;
	    background: unset;
	    text-align: left;
	    margin: 5px 0px;
	    color: #007A80;
	    -webkit-text-stroke: 1rpx #FFFFFF;
	    text-stroke: 1rpx #FFFFFF;
	    font-family: "PingFang";
	    font-weight: 800;
	}
	
	
	.zan-dialog__mask {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 10;
	    background: rgba(0, 0, 0, 0);
	    background: rgba(0, 0, 0, 0.4);
	    display: none;
	 }
	   .sdqun{
	       margin-top: 20px;
	       display: flex;
	   }
	   .closebtn{
	       position:absolute;
	       top: 1px;
	       right: 0px;
	   }
	   .closebtn image{
	       width: 30px;
	       height: 30px;
	   }
	   button:active{
	       background-color: unset;
	   }
	   .zan-dialog__container {
	    position: fixed;
	    top: 30%;
	    width: 650rpx;
	    height: 350rpx;
	    margin-left: 50rpx;
	    background: #f8f8f8;
	    transform: translateY(300%);
	    transition: all 0.4s ease;
	    z-index: 12;
	    border-radius: 20rpx;
	    box-shadow: 0px 3px 3px 2px gainsboro;
	   }
	    
	   .zan-dialog--show .zan-dialog__container {
	    transform: translateY(0);
	   }
	    
	   .zan-dialog--show .zan-dialog__mask {
	    display: block;
	   }
	   .getmore{
	       text-align: center;
	       height: 30px;
	       line-height: 30px;
	       margin-bottom: 60px;
	       margin-top: 20px;
	       font-size: 14px;
	       color: #fff;
	       padding-bottom: 20px;
	   }
	.kefudiv{
	    width: 70px;
	    height: 70px;
	    position: fixed;
	    right: 10px;
	    bottom: 35px;
	    z-index: 99999999999999;
	}
	.kefudiv image{
	    width: 100%;
	    height: 100%;
	}
	.kefudbt{
	    width: 70px;
	    height: 70px;
	    padding: 0px;
	    margin: 0px;
	}
	.bottompa{
	    position: absolute;
	    bottom: -108px;
	    width: 100%;
	    z-index: 0;
	}
	.bottompa image{
	    width: 100%;
	
	}
</style>
